<?php
/*     
	www.notas-programacion.com
	Descripcion:   
		Pantalla inicial que se muestra al usuario una vez que ha 
		sido logueado correctamente. 
	Archivo:    principal.php 
*/

//Inicializar una sesion de PHP
session_start();
 
//Validar que el usuario este logueado y exista un UID
if ( ! ($_SESSION['autenticado'] == 'SI' && isset($_SESSION['uid'])) )
{
    //En caso de que el usuario no este autenticado, crear un formulario y redireccionar a la
    //pantalla de login, enviando un codigo de error
?>
        <form name="formulario" method="post" action="../index.php">
            <input type="hidden" name="msg_error" value="2">
        </form>
        <script type="text/javascript">
            document.formulario.submit();
        </script>
<?php
}
 
    //Conectar BD
    include("../conectar_bd.php"); 
    conectar_bd();
 
    //Sacar datos del usuario que ha iniciado sesion
    $sql = "SELECT  tx_nombre,tx_apellidoPaterno,tx_TipoUsuario,id_usuario
            FROM tbl_users
            LEFT JOIN ctg_tiposusuario
            ON tbl_users.id_TipoUsuario = ctg_tiposusuario.id_TipoUsuario
            WHERE id_usuario = '".$_SESSION['uid']."'";        
    $result     =mysql_query($sql);
 
    $nombreUsuario = "";
 
    //Formar el nombre completo del usuario
    if( $fila = mysql_fetch_array($result) )
        $nombreUsuario = $fila['tx_nombre']." ".$fila['tx_apellidoPaterno'];
     
//Cerrrar conexion a la BD
mysql_close($conexio);

$str_nombre         = "";
$str_apPaterno  = "";
$str_apMaterno  = "";
$str_correo         = "";
$str_username   = "";
$str_password   = "";
$str_password2  = "";
 
if( isset($_POST['str_nombre']) )      
    $str_nombre         = trim($_POST['str_nombre']);
if( isset($_POST['str_apPaterno']) )
    $str_apPaterno  = trim($_POST['str_apPaterno']);
if( isset($_POST['str_apMaterno']) )
    $str_apMaterno      = trim($_POST['str_apMaterno']);
if( isset($_POST['str_correo']) )
    $str_correo     = trim($_POST['str_correo']);
if( isset($_POST['str_username']) )
    $str_username   = trim($_POST['str_username']);
if( isset($_POST['str_password']) )
    $str_password   = trim($_POST['str_password']);
if( isset($_POST['str_password2']) )
    $str_password2  = trim($_POST['str_password2']);


?>
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Ingresar usuario</title>
 
    <!-- CSS de Bootstrap -->
    <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="../css/estilos.css" rel="stylesheet" type="text/css">
    <link href="../css/jquery.alerts.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="../css/demo.css">
    <link rel="shortcut icon" href="../images/favicon.jpg">
 
    <!-- librerías opcionales que activan el soporte de HTML5 para IE8 -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!--Importar scripts de javascript -->
    <script src="js/jquery171.js" type="text/javascript"></script> 
    <script src="js/jquery.validate.js" type="text/javascript"></script>
    <script src="jsjquery.alerts.js" type="text/javascript"></script>
    <script type="text/javascript">
    <!--
        $().ready(function() {
        $("#registrar_usuario").validate({
        rules: {
        /*A continuacion los nombres de los campos y sus reglas a cumplir */
            tx_nombre: {
                required: true, minlength: 3
            },
            tx_apPaterno: {
                required: true, minlength: 3
            },
            tx_apMaterno: {
                required: true, minlength: 3
            },
            tx_correo: {
                required: true, minlength: 5, email: true
            },
            tx_username: {
                required: true, minlength: 5
            },
            tx_password: {
                required: true, minlength: 5
            },
            tx_password2: {
                required: true, minlength: 5,   equalTo: "#tx_password"
            }
 
        },
        /*A continuacion los campos y los mensajes en caso de que no se cumplan las reglas */
        messages: {
            tx_nombre: {
                required: "Por favor, escriba su Nombre.",
                minlength: jQuery.format("Su Nombre como minimo debe tener {0} caracteres.")
            },
            tx_apPaterno: {
                required: "Por favor, escriba su Apellido Paterno.",
                minlength: jQuery.format("Su Apellido Paterno como minimo debe tener {0} caracteres.")
            },
            tx_apMaterno: {
                required: "Por favor, escriba su Apellido Materno.",
                minlength: jQuery.format("Su Apellido Materno como minimo debe tener {0} caracteres.")
            },
            tx_correo: {
                required: "Por favor, escriba una direccion de correo electronico valida.",
                minlength: jQuery.format("Por favor, escriba una direccion de correo electronico valida.")
            },
            tx_username: {
                required: "Por favor, escriba un nombre de usuario. Este dato le servira para iniciar sesion y ver el contenido.",
                minlength: jQuery.format("Su nombre de usuario como minimo debe tener {0} caracteres.")
            },
            tx_password: {
                required: "Por favor, escriba una contrase&ntilde;a.",
                minlength: jQuery.format("Su contrase&ntilde;a como minimo debe tener {0} caracteres.")
            },
            tx_password2: {
                required: "Por favor, repita la contrase&ntilde;a anterior.",
                minlength: jQuery.format("Su contrase&ntilde;a como minimo debe tener {0} caracteres."),
                equalTo: "Por favor, repita la contrase&ntilde;a anterior.",
            }
 
        }
 
        });
        $("#tx_nombre").focus();
        });
    // -->
    </script>
    <link rel="stylesheet" type="text/css" href="../css/easyui.css">
    <style type="text/css">
        #fm{
            margin:0;
            padding:10px 30px;
        }
        .ftitle{
            font-size:14px;
            font-weight:bold;
            color:#666;
            padding:5px 0;
            margin-bottom:10px;
            border-bottom:1px solid #ccc;
        }
        .fitem{
            margin-bottom:5px;
        }
        .fitem label{
            display:inline-block;
            width:80px;
        }
    </style>
    <script type="text/javascript" src="../js/jquery-1.6.min.js"></script>
    <script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
    <script type="text/javascript">
        function acercade(){
            $('#dl').dialog('open').dialog('setTitle','Acerca del Sistema');
            $('#fm').form('clear');
        }
    </script>
  </head>
  <body>
      <div class="navbar">
        <div class="navbar-inner">
            <div class="container">
             
            <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            </a>
             
            <!-- Be sure to leave the brand out there if you want it shown -->
            <a class="brand" href="#">Sistema de control de citas</a>
            <ul class="nav">
                <!--li><a href="#">Inicio</a></li-->
                <li class="active" ><a href="../usuarios/usuarios.php">Gestion de Usuarios</a></li>
                <li><a href="../controlcitas/cit_P_A.php">Control de citas</a></li>
                <li><a href="#" class=""  plain="true" onclick="acercade()" title="ver">Acerca de</a><li>
            </ul>
            <div id="submenu01">
                <ul class="nav">
                    <li><a>Bienvenido <b><?php echo $nombreUsuario ?></b></a></li>
                    <li><a href="../cerrarSesion.php">Cerrar sesi&oacute;n</a></li>
                </ul>
            </div>
             
            <!-- Everything you want hidden at 940px or less, place within here -->
            <div class="nav-collapse collapse">
            <!-- .nav, .navbar-search, .navbar-form, etc -->
            </div>
             
            </div>
        </div>
    </div>

      <div class="hero-unit">
        <h2>Ingresar Usuarios</h2>
        <p>Llena el formulario a continuación</p>
        <p>
          <a href="usuarios.php" class="btn btn-large btn-primary disabled">Regresar</a>
        </p>
      

    <div class="row">
 
 
<form class="form" role="form" id="registrar_usuario" name="registrar_usuario"  method="POST" action="../guardarRegistro.php">
 
<table align="center" width="600px">
 
<!--tr>
    <td colspan="2" align="center"><h3><b>Registrar usuario</b></h3></td>
</tr>
 
<tr>
    <td colspan="2">Gracias por tu interes en registrarte. Para hacerlo, solo debes llenar
    los siguientes campos y pulsar el boton <b>Registrarme</b>. Para hacer mas rapido el registro y
    asi tu puedas acceder al contenido, tu cuenta se activa inmediatamente.<br /><br />
    </td>
</tr-->
     
    <?php
        //Si llega el parametro error y no viene vacio
        if( isset( $_POST['error'] ) && $_POST['error'] != '' ) {
    ?>
        <tr>
            <td colspan="2" >
                <font color="red">
                <ul>
                    <?php
                        echo $_POST['msgs_error'];
                    ?>
                </ul>
                </font>
            </td>
        </tr>
    <?php
        }
    ?>
 
     
    <tr>
        <td><label for="tx_nombre">Nombre</label></td>
        <td>
            <input type="text" name="tx_nombre" id="tx_nombre" value='<?php echo $str_nombre ?>' size="30"  maxlength="30" />
        </td>
    </tr>
    <tr>
        <td><label for="tx_apPaterno">Primer Apellido</label></td>
        <td>
            <input type="text" name="tx_apPaterno" id="tx_apPaterno" value='<?php echo $str_apPaterno ?>' size="30"  maxlength="30" />
        </td>
    </tr>
    <tr>
        <td><label for="tx_apMaterno">Segundo Apellido</label></td>
        <td>
            <input type="text" name="tx_apMaterno" id="tx_apMaterno"  value='<?php echo $str_apMaterno ?>' size="30"  maxlength="30" />
        </td>
    </tr>
    <tr>
        <td><label for="tx_correo">Correo electronico</label></td>
        <td>
            <input type="text" name="tx_correo" id="tx_correo"  value='<?php echo $str_correo ?>' size="40"  maxlength="40" />
        </td>
    </tr>
    <tr>
        <td><label for="tx_username">Nombre de usuario</label></td>
        <td>
            <input type="text" name="tx_username" id="tx_username"  value='<?php echo $str_username ?>' size="25"  maxlength="25"  />
        </td>
    </tr>
    <tr>
        <td><label for="tx_password">Contrase&ntilde;a</label></td>
        <td>
            <input type="password" name="tx_password" id="tx_password"  value='<?php echo $str_password ?>'  size="25"  maxlength="25" />
        </td>
    </tr>
    <tr>
        <td><label for="tx_password2">Confirme la contrase&ntilde;a</label></td>
        <td>
            <input type="password" name="tx_password2" id="tx_password2"  value='<?php echo $str_password2 ?>'  size="25"  maxlength="25" />
        </td>
    </tr>
    <tr>
        <td>Tipo de usuario</td>
        <td>
            <input type="hidden" name="i_tipoUsuario" id="i_tipoUsuario"   />
            <input type="radio" name="i_tipoUsuario" id="i_tipoUsuario" value="2"  checked="checked"  /> Usuario normal &nbsp;&nbsp;&nbsp;
            <input type="radio" name="i_tipoUsuario" id="i_tipoUsuario" value="1"  /> Administrador
        </td>
    </tr>
 
<tr>
 
    <td align="center" colspan="2">
        <br /><br />
        <input type="submit" name="registrarme" value="Registrar" >
                &nbsp;&nbsp;&nbsp;&nbsp;
        <input type="button" onClick="javascript: location.href='usuarios.php'" name="cancelar" value="Cancelar" >
    </td>
</tr>
 
</table>
</form>
    </div> </div>
  
    
 
    <!-- Librería jQuery requerida por los plugins de JavaScript -->
    <!--script src="http://code.jquery.com/jquery.js"></script-->
 
    <!-- Todos los plugins JavaScript de Bootstrap (también puedes
         incluir archivos JavaScript individuales de los únicos
         plugins que utilices) -->
    <script src="js/bootstrap.min.js"></script>
    <br><br>
    <Div  id="footer" > 
      <div  clase = "container" > 
        <p align="center"><img src="../images/login.png" WIDTH=180 HEIGHT=70>   Diseñado por NELUX Professional Services</p>
      </div> 
    </div>

    <div id="dl" class="easyui-dialog" style="width:500px;height:400px;padding:10px 20px"
                        closed="true" buttons="#dl-buttons">
                    <div class="ftitle">Sistema de Control de Citas. Versión 1.0.1</div>
                    <form id="fm" method="post" novalidate>
                        <div class="fitem">
                            <table align="center" width="400px">
                                <tr>
                                    <td colspan="2" ></td>
                                    <td colspan="2" align="center"><p align="center"><img src="../images/logo-sistema.jpg" WIDTH=70 HEIGHT=70></p></td>
                                </tr>
                                <tr>
                                    <td colspan="2" ><h5>Se autoriza el uso de este producto a:</h5></td>
                                    <td colspan="2" >Auto Repuestos Halcon</td>
                                </tr>
                            </table>
                            <br>
                            <p align="center">Derechos reservados 2015</p>
                            <p align="center"><img src="../images/login.png" WIDTH=180 HEIGHT=70></p>
                        </div>
                        <!--div class="fitem">
                            <label for="tx_apPaterno">Apellido 1:</label>
                            <input type="text" name="tx_apellidoPaterno" id="tx_apellidoPaterno" class="easyui-validatebox" required="true">
                        </div-->
                        
                    </form>
                </div>
                <div id="dl-buttons">
                    <a href="#" class="easyui-linkbutton" iconCls="" onclick="javascript:$('#dl').dialog('close')">Aceptar</a>
                </div>
    
  </body>
</html>